<template>
    <div class="card-wrapper">
      <h3>{{userInfo.title}}</h3>
      <p>Hello {{userInfo.name}}，Are you {{userInfo.age}} years old</p>
    </div>
</template>
<script>
    export default {
        name:'zhttMultCard01',
        props:{
            userInfo:{
                type:Object
            }
        }
    }
</script>
<style scoped lang="less">
zhtt-npm-mult.card-wrapper {
  margin:12px;padding:12px;
  width:300px;
  height:200px;
  border:1px solid #aaa;
  border-radius: 5px;
  box-shadow: 0 0 20px -5px ;
}
</style>